<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 身体 -->
    <main id="main">
        <!-- 版心 -->
        <div class="container">
            <!-- 密码登录 -->
            <a href="./login.html" class="login">密码登录</a>
            <!-- 标题 -->
            <div class="title">
                <div class="titTop">手机号登录/注册</div>
                <div class="titButtom">快速找到好友，一站式记录你的运动</div>
            </div>
            <!-- 手机号框 -->
            <div class="tel">
                <select>
                    <option>+86</option>
                    <option>+12</option>
                    <option>+23</option>
                </select>
                <input type="text" placeholder="输入手机号码"  id="tel">
            </div>
            <!-- 验证码 -->
            <div class="verify">
                <!-- 验证码框 -->
                <input type="text" id="verify" placeholder="请输入验证码" class="verifyInp">
                <!-- 验证码 -->
                <span>
                    <canvas width="121px" height="50px" id="captcha"></canvas>
                </span>
            </div>
            <!-- 密码 -->
            <div class="pwd">
                <input type="text" placeholder="请输入密码" id="pwd">
            </div>
            <!-- 确定密码 -->
            <div class="pwdTwo">
                <input type="text" placeholder="请再次确定密码" id="pwdTwo">
            </div>
            <!-- 注册 -->
            <div class="begin">
                <input type="submit" value="注册账号">
            </div>
            <!-- 微信注册 -->
            <div class="wexin">
                <div class="weixinLogo"></div>
                <a href="#">微信注册</a>
            </div>
            <!-- 字母 -->
            <div class="letter">HOLD ON</div>
            <div class="box">
                <div class="iconfont icon-gou"></div>
                <p class="boxP"></p>
            </div>
            <div class="box1">
                <div class="iconfont icon-point"></div>
                <p class="boxP1"></p>
            </div>
        </div>
    </main>
</body>
</html>